li{
	list-style: none;
}
header {
	width:100%;
	background: #4da2fd;
	position: fixed;
}
 .col-md-12 .pull-left .logo{
 	margin-left: 2em;
 	float: left;
 }
 .col-md-12 .pull-left .zi {  
 	float: left;          
 	color: #fff;
 	font-family: "Microsoft YaHei";
 	font-size: 25px;
 	line-height: 50px;
 	margin-left: 7px;
 }
 .include {
 	padding:0 !important;
	position:relative;
	background: white;
	margin: 1.5em 0 0 0 ;
	border-radius: 5px;
}
.include input {
	outline: none;
	border: none;
	border-radius: 5px;
}
 .include .col-md-2 img{
    /*width:50px;
    height:50px;*/
    top:8px;
    z-index:99;
}
 .include .search{
 	border-radius: 0px 5px 5px 0;
 	background: #9FA2A2;
 }
 .include .search img{  /**************************************************/   
 	width: 20px;
 	margin: 4px auto;
 }
  .include .search:hover{
  	background: #C0C0C0;
  }
.login-info{
	margin-top:2em;
	width: 100%;
	background: url("../../../resources/image/loginImages/bg.jpg") no-repeat;
	background-size: 100%;
	background-size: cover;
}
.login-info .zhezhao{
	margin-top: 4em;
	margin-bottom: 4em;
	background: rgba(255, 255, 255,0.8);
	/*width: 50%;*/
	text-align: center;
} 
.login-info .zhezhao .login{
	padding-top: 1em;/**************************************************/
	font-size:25px;/**************************************************/
	font-family: "Microsoft YaHei";
}
.login-info .info {
	margin-top: 1em;
	text-align: center;
}

/*******************************input   public************************************/
.login-info .info input{
	padding: 0 1em ;
}
/*****************************账号相关代码**************************************/
.login-info .info .username {
	background: #fff;
	border: 1px solid #CCC;
	height: 40px;
	width: 60%;
	margin: -0.5em auto;
}
.login-info .info .username .user{
	float: left;
	height:38px;
	width: 15%;
	padding-top: 6px;
	line-height: 10px;
}
.login-info .info .username input{
	height:38px;
	width: 85%;
	outline: none;
	border: none;
	float: right;
	padding: 0;
}
/***********************找回密码相关代码****************************/
.login-info .info .pad {
	background: #fff;
	border: 1px solid #CCC;
	height: 40px;
	width: 60%;
	margin: 1.5em auto;
}
.login-info .info .pad .pass{
	float: left;
	height:38px;
	width: 15%;
	padding-top: 6px;
	line-height: 10px;
}
.login-info .info .pad input{
	height:38px;
	width: 55%;
	outline: none;
	border: none;
	float: left;
	padding: 0;
}
.login-info .info .pad .findPASS{
	float: right;
	height:38px;
	width: 30%;
	line-height: 40px;
}
.login-info .info .pad .findPASS a{
	cursor: pointer;
}


/***********************************获取验证码相关代码***************************************/
.login-info .info .checkcode {
	background: #fff;
	border: 1px solid #CCC;
	height: 40px;
	width: 60%;
	margin: 1.5em auto;
}
.login-info .info .checkcode input{
	height:38px;
	width: 60%;
	outline: none;
	border: none;
	float: left;
}
.login-info .info .checkcode .findcode{
	float: right;
	height:38px;
	width: 40%;
}
.login-info .info .checkcode .findcode input{
	float: right;
	height:38px;
	width: 100%;
	border-left: 1px solid #CCCCCC;
}
.login-info .info .checkcode .findcode img{
	float: right;
	height:38px;
	width: 100%;
	border-left: 1px solid #CCCCCC;
}
/************************提交按钮相关代码******************************/
.login-info .info  a {
	margin-bottom:1em;
	float: right;
	cursor: pointer;
	text-decoration: none;
}

.login-info .info .sub{
	margin-bottom: 0.5em;
	width: 20%;
	background: #36B5F1;
	outline: none;
	border: none;
	color: #fff;
	border-radius: 10px;
	padding: 0.5em;
}
.login-info .info .sub:hover{
	background: #00a3cb;
	transition: 0.5s;
}
.login-info .info .shortMessage{
	width: 20%;
	background: #36B5F1;
	outline: none;
	border: none;
	color: #fff;
	border-radius: 10px;
	padding: 0.5em;
	
}
.login-info .info .shortMessage:hover{
	background: #00a3cb;
	transition: 0.5s;
}

@media screen and (max-width: 992px ){
	.info{width: 600px;}
	.info{height: 400px;}
	.login{text-align: center}
    .login-info .zhezhao{
		width: 87%;
		left: 48px;
		padding-left: 10px;

	}
}

@media screen and (max-width: 660px ){
	.info{width: 400px;}
	.login{text-align: center}

}
@media screen and (max-width: 460px ){
	.info{width: 370px;}
	.login{text-align: center}

}


/**********************忘记密码样式*******************************/


.btn.btn-top{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	width: 49%;
	background: #36B5F1;
	outline: none;
	border: none;
	color: #fff;
    padding: 0.5em;	
    height:3.5em;
    line-height: 2.5em;
}
.btn.btn-top:hover{
	background: #00a3cb;
	transition: 0.5s;
}


/*******************************footer*****************************************/
/* #wapper{  
    position: relative;   重要！保证footer是相对于wapper位置绝对  
    height: auto;          保证页面能撑开浏览器高度时显示正常  
    min-height: 100%  IE6不支持，IE6要单独配置  
}  */ 
footer{
	position: fixed;  
	bottom: 0; /* 关键 */  
   	left:0; /* IE下一定要记得 */ 
   	height: 4em; 
   	background: #4da2fd; 
   	text-align: center;
}
footer ul > li{
	color:#fff;
	font-family:Microsoft YaHei;
	padding-top:1.5em;
	padding-bottom: 1em;
	display: inline-block;
	margin-right: 2em;
}



























/*==========Validform  相关代码  ===========*/
.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(../../image/validform/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(../../image/validform/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(../../image/validform/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}




 .interact{
	float:left;
	width:100%;
	background: white;
	margin: 0 auto;
}
 .interact .micro-blog{
	width:33.33333%;
	float: left;
	padding-top: 1em;/**************************************************/
	padding-bottom: 1em;/**************************************************/
}
 .interact .liyang{
	margin-left: 20%; text-align:center;
}
 .interact .micro-blog img{
	margin-top: 1.5em;
	float:left;
}
 .interact .micro-blog .explain{
	text-align:center;
	float:left; 
	line-height: 2em; 
	margin: 2.6em 1em;
}